{% extends "app/base_site.html" %}

{% block title %} Login {% endblock title %}

{% block stylesheets %}
  {{ block.super }}
  <!-- Animate.css -->
  <link href="/static/vendors/animate.css/animate.min.css" rel="stylesheet">
{% endblock stylesheets %}

{% block body_class %}login{% endblock body_class %}

{% block body %}
  <div>
    <a class="hiddenanchor" id="signup"></a>
    <a class="hiddenanchor" id="signin"></a>


    <div class="login_wrapper">
      <div class="animate form login_form">
        <section class="login_content">
          <form action="login.html" method="post">

            <h1>致瑞传媒平台登录</h1>
            <div>
              <input type="text" class="form-control" placeholder="用户名" required="" name="username"/>
            </div>
            <div>
              <input type="password" class="form-control" placeholder="密码" required="" name="password"/>
            </div>
            <div>
              <button class="btn btn-default submit" type="submit">登录</button>
              <a class="reset_pass" href="#">忘记密码?</a>
            </div>

            <div class="clearfix"></div>

            <div class="separator">
              <p class="change_link">没有账号?
                <a href="#signup" class="to_register"> 注册 </a>
              </p>

              <div class="clearfix"></div>
              <br />

              <div>
                <p>©2019 致瑞传媒. </p>
              </div>
            </div>
          </form>
        </section>
      </div>

      <div id="register" class="animate form registration_form">
        <section class="login_content">
          <form action="register.html" method="post">
            <h1>致瑞传媒平台注册</h1>
            <div>
              <input type="text" class="form-control" placeholder="用户名" required="true" name="username"/>
            </div>
            <div>
              <input type="password" class="form-control" placeholder="密码" required="true" name="password"/>
            </div>
            <div>
              <input type="password" class="form-control" placeholder="邀请码" required="true" name="invitation"/>
            </div>
            <div>
              <button class="btn btn-default submit" type="submit">注册</button>
            </div>

            <div class="clearfix"></div>

            <div class="separator">
              <p class="change_link">已有账号 ?
                <a href="#signin" class="to_register"> 登录 </a>
              </p>

              <div class="clearfix"></div>
              <br />

              <div>
                <p>©2019 致瑞传媒. </p>
              </div>
            </div>
          </form>
        </section>
      </div>
    </div>
  </div>
{% endblock body %}

